<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="renderer" content="/webkit|ie-comp|ie-stand"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-siteapp" /> 
        <link href="${pageContext.request.contextPath}/assets/css/ace.min.css" rel="stylesheet"/>
        <link href="${pageContext.request.contextPath}/assets/css/bootstrap.min.css" rel="stylesheet" />
        <link href="${pageContext.request.contextPath}/assets/css/font-awesome.min.css" rel="stylesheet"/>
        <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet"/>       
        <link href="${pageContext.request.contextPath}/Widget/icheck/icheck.css" rel="stylesheet" type="text/css" />   
        <link href="${pageContext.request.contextPath}/Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css" rel="stylesheet"/>
		<!--[if IE 7]>
		  <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
        <!--[if lte IE 8]>
		  <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/ace-ie.min.css" />
		<![endif]-->
	    <script src="${pageContext.request.contextPath}/js/jquery-1.9.1.min.js"></script>   
        <script src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
        <script src="${pageContext.request.contextPath}/assets/js/typeahead-bs2.min.js"></script>
		<!-- page specific plugin scripts -->
		<script src="${pageContext.request.contextPath}/assets/js/jquery.dataTables.min.js"></script>
		<script src="${pageContext.request.contextPath}/assets/js/jquery.dataTables.bootstrap.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/H-ui.js"></script> 
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/H-ui.admin.js"></script> 
        <script src="${pageContext.request.contextPath}/assets/layer/layer.js" type="text/javascript" ></script>
        <script src="${pageContext.request.contextPath}/assets/laydate/laydate.js" type="text/javascript"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script> 
        <script src="${pageContext.request.contextPath}/js/lrtk.js" type="text/javascript" ></script>
		<style>
			th{
				padding:0px;
			}
		</style>
		<title>商品列表</title>
	</head>
	<body>
	<input type="hidden" name="opr">
		<div class=" page-content clearfix">
			<div id="products_style">
		    	<div class="search_style">
		        	<div class="title_names">搜索查询</div>
		        	<form action="${pageContext.request.contextPath}/goodsServlet?opr=vagues" method="post" id="form1">
						<ul class="search_content clearfix">
							<li><label class="l_f">商品名称</label><input name="search_name" value="${param.search_name}" type="text" placeholder="输入品牌名称"  style=" width:250px"/></li>
							<li style="display:none"><label class="l_f">添加时间</label><input class="inline laydate-icon" id="start" style="margin-left:10px;"/></li>
							<li style="width:90px;"><button type="button" id="vague"><i class="icon-search"></i>查询</button></li>
						</ul>
		        	</form>
		   		</div>
			    <div class="border clearfix">
					<span class="l_f"><!--GoodsCenter/goods_list_update.jsp-->
						<a href="${pageContext.request.contextPath}/goodsServlet?opr=ztree" title="添加商品" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加商品</a>
						<a id="somedel" href="javascript:;" class="btn btn-danger" style="display:none"><i class="icon-trash"></i>批量删除</a>
					</span>
					<span class="r_f" style="color:#55bbcd;font-size:15px">共：<b>${lg.size()}</b>件商品</span>
			    </div>
		    <!--产品列表展示-->
			    <div class="h_products_list clearfix" id="products_list">
					<div id="scrollsidebar" class="left_Treeview">
						<div class="show_btn" id="rightArrow"><span></span></div>
						<div class="widget-box side_content" >
							<div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div>
							<div class="side_list"><div class="widget-header header-color-green2"><h4 class="lighter smaller">商品类型列表</h4></div>
								<div class="widget-body">
									<div class="widget-main padding-8">
										<div id="treeDemo" class="ztree"></div>
									</div>
									<c:if test="${list_gt!=null && list_gt.size()>0}">
								    	 <ul>
								     	  	<c:forEach items="${list_gt}" var="t" varStatus="ss">					
												<li style="<c:choose><c:when test="${t.good_level==1}">background-color: rgba(230,230,180,0.9)</c:when>
													<c:when test="${t.good_level==2}">background-color: rgba(230,240,200,0.9)</c:when></c:choose>"
													class="typelevel">
								  					<c:if test="${t.good_level>1}">
								   						<c:forEach begin="0" end="${t.good_level}" step="1">&nbsp;&nbsp;</c:forEach>
													</c:if>
													<c:if test="${t.good_level>1}"> Lv${t.good_level}&nbsp;</c:if>${t.name}
												</li>
											</c:forEach>
								    	 </ul>
								     </c:if>
								</div>
							</div>
						</div>
			    	</div>
		        	<div class="table_menu_list" id="testIframe">
		      		<table class="table table-striped table-bordered table-hover" id="sample-table" style="font-size: 13px">
						<thead>
			 				<tr>
								<th width="20px"><label><input type="checkbox" class="ace" name="g_cb"/><span class="lbl"></span></label></th>
								<th width="80px">商品编号</th>
								<th width="140px">商品名称</th>
								<th width="40px">商品类型</th>
								<th width="240px">卖家描述</th>
								<th width="100px">直购价</th>
								<th width="100px">起拍价</th>
					            <th width="80px">所属者</th>				
								<th width="196px">参考图片</th>
					            <th width="40px">审核状态</th>
								<th width="60px">必须买家资产等级</th>
								<th width="40px">操作</th>
							</tr>
						</thead>
						<tbody>
							<c:if test="${lg!=null&&lg.size()>0}">
								<c:forEach var="g" items="${lg}">
								    <tr>
								       <td width="20px"><label><input type="checkbox" class="ace" /><span class="lbl"></span></label></td>
								       <td width="80px">${g.goods_id}</td>               
								       <td width="140px"><u style="cursor:pointer" class="text-primary" onclick="">${g.goods_name}</u></td>
								       <td width="40px">${g.goodsType_id}</td>
								       <td width="240px">${g.describe}</td> 
								       <td width="100px">${g.buyoutPrice}</td>         
								       <td width="100px">${g.minPrice}</td>
								       <td class="text-l" width="80px">${g.customer_id}</td>
								       <td class="text-l" width="200px">${g.picImg}</td>
								       <td class="text-l" width="80px">${g.examine}</td>
								       <td class="td-status" width="40px"><span class="label label-success radius">${g.assetLv_id}</span></td>
								       <td class="td-manage" width="90px">
									       <a onclick="member_stop(this,'10001')"  href="javascript:;" title="停用"  class="btn btn-xs btn-success"><i class="icon-ok bigger-120"></i></a> 
									       <a title="编辑" onclick="member_edit('编辑','member-add.html','4','','510')" href="javascript:;"  class="btn btn-xs btn-info" ><i class="icon-edit bigger-120"></i></a> 
									       <input type="hidden" name="goods_id">
									       <a title="删除" href="goodsServlet?opr=del&goods_id=${g.goods_id}"  onclick="member_del(this,'1')" class="btn btn-xs btn-warning" ><i class="icon-trash  bigger-120"></i></a>
								       </td>
								  	</tr>
								</c:forEach>
							</c:if>
		    			</tbody>
		    		 </table>
		    	  </div>     
		  		</div>
		 	  </div>
			</div>
	<form style="display:none" action="${pageContext.request.contextPath}/goodsServlet?opr=delsome" method="post" name="delForm">
		<input type="hidden" name="del_list">
	</form>
	<script type="text/javascript">
		jQuery(function($) {
			var oTable1 = $('#sample-table').dataTable( {
				"aaSorting": [[ 1, "desc" ]],//默认第几个排序
				"bStateSave": true,//状态保存
				"aoColumnDefs": [
				  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
					{"orderable":false,"aTargets":[0,2,3,4,5,8,9]}// 制定列不参与排序
			] } );
						
			$('table th input:checkbox').on('click' , function(){
				var that = this;
				$(this).closest('table').find('tr > td:first-child input:checkbox')
				.each(function(){
					this.checked = that.checked;
					$(this).closest('tr').toggleClass('selected');
				});
			});
					
			$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
		
			function tooltip_placement(context, source) {
				var $source = $(source);
				var $parent = $source.closest('table');
				var off1 = $parent.offset();
				var w1 = $parent.width();
		
				var off2 = $source.offset();
				var w2 = $source.width();
		
				if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
				return 'left';
			}
		});
		laydate({
			elem: '#start',
			event: 'focus' 
		});
		$(function() { 
			$("#products_style").fix({
				float : 'left',
				//minStatue : true,
				skin : 'green',	
				durationTime :false,
				spacingw:30,//设置隐藏时的距离
			    spacingh:260,//设置显示时间距
			});
		});
	</script>
	<script type="text/javascript">
	//初始化宽度、高度  
	 $(".widget-box").height($(window).height()-215); 
	$(".table_menu_list").width($(window).width()-260);
	 $(".table_menu_list").height($(window).height()-215);
	  //当文档窗口发生改变时 触发  
	    $(window).resize(function(){
		$(".widget-box").height($(window).height()-215);
		 $(".table_menu_list").width($(window).width()-260);
		  $(".table_menu_list").height($(window).height()-215);
		});
	 
	/*******树状图*******/
	var setting = {
		view: {
			dblClickExpand: false,
			showLine: false,
			selectedMulti: false
		},
		data: {
			simpleData: {
				enable:true,
				idKey: "id",
				pIdKey: "pId",
				rootPId: ""
			}
		},
		callback: {
			beforeClick: function(treeId, treeNode) {
				var zTree = $.fn.zTree.getZTreeObj("tree");
				if (treeNode.isParent) {
					zTree.expandNode(treeNode);
					return false;
				} else {
					demoIframe.attr("src",treeNode.file + ".html");
					return true;
				}
			}
		}
	};
	
/* 	var zNodes =[
		{ id:1, pId:0, name:"商城分类列表", open:true},
		{ id:11, pId:1, name:"蔬菜水果"},
		{ id:111, pId:11, name:"蔬菜"},
		{ id:112, pId:11, name:"苹果"},
		{ id:113, pId:11, name:"大蒜"},
		{ id:114, pId:11, name:"白菜"},
		{ id:115, pId:11, name:"青菜"},
		{ id:12, pId:1, name:"手机数码"},
		{ id:121, pId:12, name:"手机 "},
		{ id:122, pId:12, name:"照相机 "},
		{ id:13, pId:1, name:"电脑配件"},
		{ id:131, pId:13, name:"手机 "},
		{ id:122, pId:13, name:"照相机 "},
		{ id:14, pId:1, name:"服装鞋帽"},
		{ id:141, pId:14, name:"手机 "},
		{ id:42, pId:14, name:"照相机 "},
	]; */
			
	var code;
			
	function showCode(str) {
		if (!code) code = $("#code");
		code.empty();
		code.append("<li>"+str+"</li>");
	}
			
	$(document).ready(function(){
		var t = $("#treeDemo");
		t = $.fn.zTree.init(t, setting, zNodes);
		demoIframe = $("#testIframe");
		demoIframe.bind("load", loadReady);
		var zTree = $.fn.zTree.getZTreeObj("tree");
		zTree.selectNode(zTree.getNodeByParam("id",'11'));
	});	
	/*产品-停用*/
	function member_stop(obj,id){
		layer.confirm('确认要停用吗？',function(index){
			$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="icon-ok bigger-120"></i></a>');
			$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
			$(obj).remove();
			layer.msg('已停用!',{icon: 5,time:1000});
		});
	}
	
	/*产品-启用*/
	function member_start(obj,id){
		layer.confirm('确认要启用吗？',function(index){
			$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="icon-ok bigger-120"></i></a>');
			$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
			$(obj).remove();
			layer.msg('已启用!',{icon: 6,time:1000});
		});
	}
	/*产品-编辑*/
	function member_edit(title,url,id,w,h){
		layer_show(title,url,w,h);
	}
	
	/*产品-删除*/
	function member_del(obj,id){
		layer.confirm('确认要删除吗？',function(index){
			$(obj).parents("tr").remove();
			layer.msg('已删除!',{icon:1,time:1000});
		});
	}
	//面包屑返回值
	var index = parent.layer.getFrameIndex(window.name);
	parent.layer.iframeAuto(index);
	$('.Order_form').on('click', function(){
		var cname = $(this).attr("title");
		var chref = $(this).attr("href");
		var cnames = parent.$('.Current_page').html();
		var herf = parent.$("#iframe").attr("src");
	    parent.$('#parentIframe').html(cname);
	    parent.$('#iframe').attr("src",chref).ready();;
		parent.$('#parentIframe').css("display","inline-block");
		parent.$('.Current_page').attr({"name":herf,"href":"javascript:void(0)"}).css({"color":"#4c8fbd","cursor":"pointer"});
		//parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+" class='iframeurl'>" + cnames + "</a>");
	    parent.layer.close(index);
		
	});
	$.each($(".typelevel"),function(){
		$(this).bind("mouseover",function(){
			var str = $(this).text();
			var nstr = "☞"+str;
			$(this).text(nstr);
		});
	});
	$.each($(".typelevel"),function(){
		$(this).bind("mouseleave",function(){
			var str = $(this).text().replace("☞","");
			$(this).text(str);
		});
	});
	$("#vague").bind("click",function(){
		if($("[name='search_name']").val()!="")
			$("#form1").submit();
	});
	$("#somedel").click(function(){
				var g_ids="";
				if($("input[name='g_cb']:checked").length)
					{
						$("input[name='g_cb']:checked").each(function(){
							g_ids+=($(this).parents("tr").find(".g_id").text()+"|");
						});
						g_ids = g_ids.substring(0, g_ids.length-1);
						$("#del_list").val(g_ids);
						alert($("#del_list").val());
						$("#delForm").submit();
					}
				else
					alert("未选中任何项");					
			});
	</script>
	
	</body>
</html>